<script src="<? echo TEMPLATES_URL?>/js/jquery.ui.core.min.js"></script>
<script src="<? echo TEMPLATES_URL?>/js/jquery.ui.datepicker.min.js"></script>
<script src="<? echo TEMPLATES_URL?>/js/jquery.ui.widget.min.js"></script>
<link rel="stylesheet" type="text/css" href="<? echo TEMPLATES_URL?>/css/jquery.ui.datepicker.css" />
<div class="title_content">Đăng ký</div>
<div id="register">
<form method="POST" action="?module=register">
    <p>Làm ơn nhập đầy đủ những trường có dấu <span class="requiredfield">*</span></p>
    <?php
    if($error != '')
    {
    ?>
	<p class="error"><?=$error?></p>
	<?php
	}
    if($success)
    {
        echo 'Đăng ký thành công';
    }
	?>
    <table>
        <tr>
            <td>
                Địa chỉ email
            </td>
            <td>
                :
                <input id="txtemail" type="text" name="txtemail" />
                (<span class="requiredfield">*</span>)
            </td>
        </tr>
        <tr>
            <td>
                Mật Khẩu
            </td>
            <td>
                :
                <input id="txtpassword" type="password" name="txtpassword"/>
                (<span class="requiredfield">*</span>)
            </td>
        </tr>
        <tr>
            <td>
                Xác nhận mật khẩu
            </td>
            <td>
                :
                <input id="txtpasswordconfirm" type="password" />
                (<span class="requiredfield">*</span>)
            </td>
        </tr>
        <tr>
            <td>
                Họ và tên
            </td>
            <td>
                :
                <input id="txtfullname" type="text" name="txtfullname" />
                (<span class="requiredfield">*</span>)
            </td>
        </tr>
        <tr>
            <td>
                Địa chỉ
            </td>
            <td>
                :
                <input id="txtaddress" type="text" name="txtaddress" />
                (<span class="requiredfield">*</span>)
            </td>
        </tr>
        <tr>
            <td>
                Tỉnh/ Thành Phố
            </td>
            <td>: 
                <select name="slccity">
                    <option value="Hà Nội">Hà Nội</option>
                    <option value="Huế">Huế</option>
                    <option value="Đà Nẵng">Đà Nẵng</option>
                    <option value="Hồ Chí Minh">Hồ Chí Minh</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>
                Điện thoại
            </td>
            <td>
                :
                <input id="txtphone" type="text" name="txtphone"/>
            </td>
        </tr>
        <tr>
            <td>
                Ngày sinh
            </td>
            <td>
                : <input name="dob" class="datepicker"/>
            </td>
        </tr>
        <tr>
            <td>
                Giới tính
            </td>
            <td>
                :
                <select name="slcsex">
                    <option value="Nam">
                        Nam
                    </option>
                    <option value="Nữ">
                        Nữ
                    </option>
                </select>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input class="btn" id="btnregistervalid" type="submit" value="Đăng ký" name="btnregister" />
                <input class="btn" type="reset" name="btnreset" value="Hủy" />
            </td>
        </tr>
    </table>
</form>
</div>
<script>
$(document).ready(function(){
    $('.datepicker').datepicker({dateFormat : 'dd-mm-yy'});
});
</script>